<template>
	<view class="searchend">
		<u-image height="558rpx" class="search_bg" src="//img.letuilm.com/2020/10/166b552020102716054532459.png"></u-image>
		<view class="search_main">
			<u-navbar
				title="讲师查询"
				:back-icon-size="28"
				back-icon-color="#ffffff"
				:title-size="28"
				:border-bottom="false"
				:back-text-style="{ color: '#ffffff', fontSize: '26rpx' }"
				title-color="#ffffff"
				:custom-back="goback"
				:background="{ background: 'transparent' }"
			></u-navbar>
			<view class="user_box">
				<view class="avatar_box">
					<u-avatar
						:size="200"
						src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1600232902890&di=be229b4d6710caa3413c0e2b586d4b08&imgtype=0&src=http%3A%2F%2Fpics2.baidu.com%2Ffeed%2Fbd315c6034a85edf81702f204ba7a225dc54752a.jpeg%3Ftoken%3D40ea367f6b2ef995eaa6f5faf705a7d4"
					></u-avatar>
				</view>
				<view class="le_name">
					<text>{{ name }}</text>
				</view>
				<view class="le_istrue u-line-2 u-m-t-54">
					<text v-if="!disabled" class="le_info">恭喜您，您查询的讲师为乐推学院官方认证的金牌讲师。</text>
					<text v-else class="le_info">很抱歉，您查询的讲师暂时未通过验证。</text>
				</view>
			</view>
		<u-button
			size="default"
			:ripple="true"
			:hair-line="false"
			:disabled="disabled"
			:custom-style="{
				width:'560rpx',
				height: '86rpx',
				color: disabled == true ? '#292930' : '#ffffff',
				backgroundColor: disabled == true ? '#DFDFDF' : '#FFDB28',
				border: 'none',
				fontSize:'36rpx',
				marginTop: '218rpx'
			}"
		>
			预定讲师
		</u-button>
		</view>
	</view>
</template>

<script>
export default {
	name: 'searchend',
	data() {
		return {
			name: '大司马',
			disabled:true
		};
	},
	//实例创建完成后被立即调用
	created() {},
	onLoad(option) {},
	//挂载开始之前被调用
	beforeMount() {},
	//  onPullDownRefresh() {
	//  //监听下拉刷新动作的执行方法，每次手动下拉刷新都会执行一次
	// console.log('refresh');
	// setTimeout(function() {
	// 	uni.stopPullDownRefresh(); //停止下拉刷新动画
	// }, 1000);
	//  },
	//初次渲染完成
	onReady() {},
	//全局只触发一次
	onLaunch() {},
	//从后台进入前台
	onShow() {},
	//前台进入后台
	onHide() {},
	methods: {
		goback() {
			uni.navigateBack({
				delta: 1,
				animationType: 'pop-out',
				animationDuration: 200
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.searchend {
	position: relative;
	.search_bg {
		position: absolute;
		top: 0;
	}
	.search_main {
		width: 100%;
		position: absolute;
		top: 0;
		z-index: 2;
		.user_box {
			width: 560rpx;
			height: 404rpx;
			border-radius: 16rpx;
			box-shadow: 0 8px 24rpx 4rpx rgba(0, 0, 0, 0.4);
			border: 2rpx solid rgb(255, 255, 255);
			background-color: #ffffff;
			margin: 0 auto;
			margin-top: 368rpx;
			.avatar_box {
				width: 220rpx;
				height: 220rpx;
				border-radius: 100rpx;
				border-color: rgb(244, 244, 244);
				border-width: 2rpx;
				border-style: solid;
				font-size: 28rpx;
				padding: 0px;
				text-align: center;
				line-height: 40rpx;
				font-weight: normal;
				font-style: normal;
				opacity: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 0 auto;
				margin-top: -110rpx;
				background-color: #ffffff;
			}
			.le_name {
				font-size: 36rpx;
				color: #FFDB28;
				text-align: center;
				margin-top: 56rpx;
			}
			.le_istrue{
				width: 432rpx;
				margin: 0 auto;
				.le_info{
					font-size: 28rpx;
					color:#787882;
				}
			}
		}
	}
}
</style>
